<template>
 <view class="emptyState d_f f_d_c a_i_c" v-if="loading">
 
	
	<image src="https://web.78keji.cn/loading.png" mode="widthFix"  class="rotoImg"></image>
 </view>
</template>

<script>
	import {mapState} from 'vuex'
 export default {
	 props:{
		
	 },
   data () {
     return {

     }
   },
   components: {

   },
   methods: {

   },
   onShow() {

   },
   onLoad(options) {

   },
   watch: {

   },
   computed: {
 ...mapState({
        loading:(state)=>state.HOME.loading
    })
   }
 }
</script>

<style scoped lang='scss'>
.emptyState{
	width: 100%;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	z-index: 99999999999;
	.img{
		margin-top: 140rpx;
		width: 204rpx;
		height: 217rpx;
	}
	.text{
		color: #8F8F8F;
		margin-top: 32rpx;
	}
	.loading{
		position: absolute;
		top: 400rpx;
	}
}
.rotoImg{
	    animation: rotoImg 1s linear infinite;
	    width: 60rpx;
	    
	}
	@keyframes rotoImg{
	    from{
	        transform: rotate(0deg);
	    }
	    to{
	        transform: rotate(360deg);
	    } 
	}

</style>